<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>我的</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/common.css}">
    <link rel="stylesheet" th:href="@{/css/search.css}">
    <link rel="stylesheet" th:href="@{/webjars/bootstrap/3.0.1/css/bootstrap.min.css}">
    <script th:src="@{/webjars/jquery/3.5.1/jquery.min.js}"></script>

</head>
<body>
<!--引入头部-->
<div th:replace="header::header"></div>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-4 column">
            <div class="page-header">
                <h1>
                   <span style="color: #f57457" th:text="${POINTS}"></span>
                    <small>满100，兑换小礼品</small>
                </h1>
            </div>
        </div>
        <div class="col-md-4 column">
            <table class="table">
                <caption>预约商品</caption>
                <thead>
                <tr>
                    <th>
                        商品编码
                    </th>
                    <th>
                        商品名
                    </th>
                    <th>
                        价格
                    </th>
                    <th>
                        状态
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr  th:each="wares:${APPOINTMENT_WARES_LIST}">
                    <td th:text="${wares.no}"></td>
                    <td th:text="${wares.name}"></td>
                    <td th:text="${wares.retailPrice}"></td>
                    <td th:text="${wares.waresStatus}"></td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="col-md-4 column">
            <form role="form" method="post" action="/user/updateMyMessage">
                <input name="_method" value="PUT" type="hidden">
                <div class="form-group">
                    <label for="name">姓名</label><input type="text" class="form-control" id="name" name="name" th:value="${USER.name}"/>
                </div>
                <div class="form-group">
                    <label for="password">密码</label><input type="password" class="form-control" id="password" name="password" th:value="${USER.password}"/>
                </div>
                <div class="form-group">
                    <label for="phone">电话</label><input type="text" class="form-control" id="phone" name="phone"  th:value="${USER.phone}"/>
                </div>
                <div class="form-group">
                    <label for="email">邮箱</label><input type="text" class="form-control" id="email" name="email"  th:value="${USER.email}"/>
                </div>
                <div class="form-group">
                    <label for="address">地址</label><input type="text" class="form-control" id="address" name="address"  th:value="${USER.address}" />
                </div>
                <div class="form-group">
                    <label for="qq">QQ</label><input type="text" class="form-control" id="qq" name="qq" th:value="${USER.qq}"/>
                </div>
                <div class="checkbox">
                </div> <button type="submit" class="btn btn-default" id="update_btn">修改</button>
            </form>
        </div>
    </div>
</div>

<!--引入尾巴-->
<div th:replace="footer::#footer"></div>
</body>
</html>